  <template>
  <div id="adminHeader">
    <v-layout row class="align-center layout px-4 pt-4 app--page-header">
      <div class="page-header-left">
        <h3 class="headline pr-3">{{title}}</h3>
      </div>
      <v-breadcrumbs :items="breadcrumbs">
        <v-icon slot="divider">chevron_right</v-icon>
      </v-breadcrumbs>
      <v-spacer></v-spacer>
      <div class="page-header-right">
        <v-btn icon @click="reload">
          <v-icon class="text--secondary">refresh</v-icon>
        </v-btn>
      </div>
    </v-layout>
  </div>
</template>

<script>
export default {
  name: 'admin-page-header',
  data: () => ({
    title: ''
  }),
  computed: {
    breadcrumbs: function () {
      let _this = this
      _this.title = _this.$route.meta.name
      let breadcrumbs = [{
        text: '首页',
        disabled: false,
        to: { name: 'dashboard' }
      },
      {
        text: _this.title,
        disabled: true
      }]
      // breadcrumbs.push()

      return breadcrumbs
    }
  },
  methods: {
    reload () {

    }
  }
}
</script>
